$(function () {
    // 1.渲染用户信息
    getUserInfo()
    // 2.退出
    $("#logout").on('click', function () {
        layer.confirm('确认退出登录吗?', {
            icon: 3,
            title: '提示'
        }, function (index) {
            // do something
            // 销毁token ,跳转到登录页
            localStorage.removeItem("token")
            location.href = '/login.html'
            // 自带的代码,关闭询问框
            layer.close(index)
        })

    })
})
let layer = layui.layer
function getUserInfo() {
    axios({
        method: "get",
        url: "/my/userinfo",
        // 所有/my开头的需要认证
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(({
        data: res
    }) => {
        // console.log(res);
        if (res.status !==0) {
            return layer.msg('获取用户基本信息失败!')
            
        }
        renderAvatar(res.data)
    })
}
function renderAvatar(user) {
    let name = user.nickname || user.username
    $(".welcome").html("欢迎&nbsp;"+name)
    if (user.user_pic != null) {
        $(".text-avatar").hide()
        $(".layui-nav-img").show().attr('src', user.user_pic)
    }else{
         // 没有图片头像,就渲染文字头像 隐藏图片头像 显示文字头像
         $(".layui-nav-img").hide()
         // 渲染name中的第一个单词字符, 而且大写
         let first = name[0].toUpperCase()
         $(".text-avatar").show().html(first)
    }
}